<template>
	<div class="count_wrapper">
		<div class="index-right">
			<el-container>
				<el-main>
					<div class="sales-board-intro">
						<h2 class="title">数据统计</h2>
						<p>历史资料、科学实验、检验、统计等所获得的和用于科学研究、技术设计、查证、决策等的数值加以统计为解决方案做前期准备。</p>
					</div>
					<div class="sales-board-form">
						<div class="sales-board-line">
							<div class="sales-board-line-left">
								产品类型：
							</div>
							<div class="sales-board-line-right">
								<div style="margin-top: 20px">
									<el-radio-group v-model="edition" size="medium">
										<el-radio-button label="红色版"></el-radio-button>
										<el-radio-button label="绿色版"></el-radio-button>
										<el-radio-button label="紫色版"></el-radio-button>
									</el-radio-group>
								</div>
							</div>
						</div>
						<div class="sales-board-line">
							<div class="sales-board-line-left">
								适用地区：
							</div>
							<div class="sales-board-line-right">
								<el-select v-model="placeValue" placeholder="请选择">
									<el-option v-for="item in placeOptions" :key="item.value" :label="item.label" :value="item.value">
									</el-option>
								</el-select>
							</div>
						</div>
						<div class="sales-board-line">
							<div class="sales-board-line-left">
								有效时间：
							</div>
							<div class="sales-board-line-right">
								<el-select v-model="timeValue" placeholder="请选择">
									<el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value">
									</el-option>
								</el-select>
							</div>
						</div>
						<div class="sales-board-line">
							<div class="sales-board-line-left">
								总价：
							</div>
							<div class="sales-board-line-right sales-money">
								500 元
							</div>
						</div>
						<div class="sales-board-line">
							<div class="sales-board-line-left">&nbsp;</div>
							<div class="sales-board-line-right">
								<el-button type="primary">立即购买</el-button>
							</div>
						</div>
					</div>
				</el-main>
			</el-container>

			<el-container>
				<el-main>
					<div class="sales-board-des">
						<h2 class="explain_title">产品说明</h2>
						<p>数据分析的数学基础在20世纪早期就已确立，但直到计算机的出现才使得实际操作成为可能，并使得数据分析得以推广。数据分析是数学与计算机科学结合的产物。</p>
					</div>
					<div style="padding:0 20px;margin-bottom: 20px;">
						<table class="sales-board-table">
							<tbody>
								<tr class="ui-table-row">
									<td class="col-first">
										<div class="intro-pic">
											<label>安全安保</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>办公文教</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>彩票</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>车辆物流</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>成人用品</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>出版传媒</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>电脑硬件</label>
										</div>
									</td>
								</tr>
								<tr class="ui-table-row">
									<td class="col-first">
										<div class="intro-pic">
											<label>电子电工</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>房地产建筑装修</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>分类平台</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>服装鞋帽</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>箱包饰品</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>化工原料制品</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>机械设备</label>
										</div>
									</td>
								</tr>
								<tr class="ui-table-row">
									<td class="col-first">
										<div class="intro-pic">
											<label>家庭日用品</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>家用电器</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>教育培训</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>节能环保</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>金融服务</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>礼品</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>旅游住宿</label>
										</div>
									</td>
								</tr>
								<tr class="ui-table-row">
									<td class="col-first">
										<div class="intro-pic">
											<label>美容化妆</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>母婴护理</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>农林牧渔</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>软件</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>商务服务</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>生活服务</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>食品保健品</label>
										</div>
									</td>
								</tr>
								<tr class="ui-table-row">
									<td class="col-first">
										<div class="intro-pic">
											<label>手机数码</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>通讯服务设备</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>网络服务</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>医疗服务</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>游戏</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>运动休闲娱乐</label>
										</div>
									</td>
									<td>
										<div class="intro-pic">
											<label>招商加盟</label>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</el-main>
			</el-container>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				edition: '红色版',
				placeOptions: [{
					value: 'beijing',
					label: '北京'
				}, {
					value: 'shanghai',
					label: '上海'
				}, {
					value: 'shenzhen',
					label: '深圳'
				}, {
					value: 'guangzhou',
					label: '广州'
				}, {
					value: 'hangzhou',
					label: '杭州'
				}, {

					value: 'sichuang',
					label: '四川'
				}],
				placeValue: 'beijing',
				timeOptions: [{
					value: 'halfyear',
					label: '半年'
				}, {
					value: 'oneyear',
					label: '一年'
				}, {
					value: 'two year',
					label: '两年'
				}, {
					value: 'three year',
					label: '三年'
				}, {
					value: 'five year',
					label: '五年'
				}],
				timeValue: 'halfyear'
			}
		}
	}
</script>

<style scoped="scoped">
</style>